<template>
  <div class="wrap">
    <div class="left">
       <left></left>
    </div>
    <div class="right" >
      <right></right>
    </div>

  </div>
</template>

<script>
// @ is an alias to /src
import right from '@/components/Right.vue';
import left from '@/components/Left.vue'
export default {
  name: 'Home',
    data() {
      return {
      
      }
  },
  components:{
    right,
    left,
  },
  
  
}
</script>
<style scoped>
.wrap{
  display: flex;
}
.left{
  width: 134px;
  height: 100vh;
  background-color:#FFFFFF;
  
}
.right{
  flex: 1;
}



</style>